Bug Inspection

Expected

Given: Multiple shadow styles are applied

box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.11), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.07);

[Figure 1] Captured inside Figma

When: Generate html(styled-component) code

Then: Multiple shadow styles are included

const StyledAlertDialogue = styled.div`
  ...
  box-shadow:
    0px 0.30000001192092896px 0.8999999761581421px rgba(0, 0, 0, 0.07),
    0px 1.600000023841858px 3.5999999046325684px rgba(0, 0, 0, 0.11);
  ...
`;

Actual

Then: Single shadow style is included

const StyledAlertDialogue = styled.div`
  ...
  box-shadow: 0px 0.30000001192092896px 0.8999999761581421px rgba(0, 0, 0, 0.07);
  ...
`;

[Figure 2] Captured inside Figma

Fix

Refactor htmlShadow.ts to iterate over shadowEffects

Test

Tested using local Figma Desktop environment. Following video shows fixed behavior of locally developed FigmaToCode plugin.